<template>
  <div id="box">
  <div style="height:1.2rem;line-height:1.2rem;background: #F5F5F5;border-radius: 0.533333rem 0.533333rem 0 0;position: relative;font-size:0.426667rem;color:#696969;text-align: center;" id="iframe_title" v-if="current=='add_photo_inspect'">
    选择有伤部位拍照
    <span class="close" @click="hide_add_photo_inspect"></span>
  </div>
  <div style="position:absolute;top:1.2rem;left:0;right:0;bottom:0;background:white;">

  <!-- <?xml version="1.0" encoding="UTF-8"?> -->
  <svg width="306px" height="350px" viewBox="0 0 306 350" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
      <title>img_check_detail_default</title>
      <desc>Created with Sketch.</desc>
      <defs>
          <rect id="path-1" x="141.815444" y="82.3277152" width="35.1028326" height="67.5509458"></rect>
          <rect id="path-2" x="14.0411331" y="82.3277152" width="35.1028326" height="67.5509458"></rect>
          <rect id="path-3" x="148.83601" y="127.361679" width="4.21233992" height="16.8877364" rx="2.10616996"></rect>
          <rect id="path-4" x="40.0172292" y="127.361679" width="4.21233992" height="16.8877364" rx="2.10616996"></rect>
          <path d="M70.8317915,9.20981458 L75.8704579,7.78505898 L75.8704579,7.78505898 C77.6100645,7.29316013 79.4190571,8.30462709 79.9109559,10.0442337 C79.9928989,10.3340261 80.0344584,10.6337404 80.0344584,10.9348953 L80.0344584,12.1788934 L80.0344584,12.1788934 C80.0344584,13.9958409 78.8098595,15.5845427 77.0527772,16.0471006 L57.8493996,21.1024553 L58.0251613,20.6704382 L58.0251613,20.6704382 C60.2993722,15.080494 65.0246276,10.8518739 70.8317915,9.20981458 Z" id="path-5"></path>
          <path d="M123.48604,9.91347026 L128.524707,8.48871466 L128.524707,8.48871466 C130.264313,7.99681582 132.073306,9.00828278 132.565205,10.7478894 C132.647148,11.0376818 132.688707,11.3373961 132.688707,11.638551 L132.688707,12.8825491 L132.688707,12.8825491 C132.688707,14.6994966 131.464109,16.2881984 129.707026,16.7507563 L110.503649,21.806111 L110.67941,21.3740939 L110.67941,21.3740939 C112.953621,15.7841497 117.678877,11.5555296 123.48604,9.91347026 Z" id="path-6"></path>
          <rect id="path-7" x="39.9110593" y="70.9582572" width="19.6575863" height="11.9621466" rx="5.98107332"></rect>
          <rect id="path-8" x="131.284594" y="70.9582572" width="19.6575863" height="11.9621466" rx="5.98107332"></rect>
          <rect id="path-9" x="0" y="0" width="70" height="28" rx="3"></rect>
          <rect id="path-10" x="0" y="0" width="70" height="28" rx="3"></rect>
          <rect id="path-11" x="0" y="0" width="70" height="28" rx="3"></rect>
          <rect id="path-12" x="0" y="0" width="70" height="28" rx="3"></rect>
          <rect id="path-13" x="0" y="0" width="70" height="28" rx="3"></rect>
          <rect id="path-14" x="0" y="0" width="70" height="28" rx="3"></rect>
          <rect id="path-15" x="0" y="0" width="70" height="28" rx="3"></rect>
          <rect id="path-16" x="0" y="0" width="70" height="28" rx="3"></rect>
          <rect id="path-17" x="0" y="0" width="70" height="28" rx="3"></rect>
          <rect id="path-18" x="0" y="0" width="70" height="28" rx="3"></rect>
          <rect id="path-19" x="0" y="0" width="70" height="28" rx="3"></rect>
          <rect id="path-20" x="0" y="0" width="70" height="28" rx="3"></rect>
          <rect id="path-21" x="0" y="0" width="70" height="28" rx="3"></rect>
          <rect id="path-22" x="0" y="0" width="70" height="28" rx="3"></rect>
          <rect id="path-23" x="0" y="0" width="70" height="28" rx="3"></rect>
          <rect id="path-24" x="0" y="0" width="70" height="28" rx="3"></rect>
          <rect id="path-25" x="0" y="0" width="52" height="28" rx="3"></rect>
      </defs>
      <g id="切图" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g transform="translate(-56.000000, -167.000000)" id="detail_default">
          <g transform="translate(56.000000, 167.000000)">
            <g id="Group-6" transform="translate(29.000000, 28.000000)">
                <g id="Group-4" opacity="0.5" transform="translate(28.597786, 31.365314)">
                    <g id="Group-12" transform="translate(14.000000, 0.000000)" stroke="#979797" fill="#E3E3E3">
                        <path d="M0.0411330584,81.7974062 C9.33278123,81.7973524 16.8651337,74.2312216 16.8651337,64.897934 C16.8651337,55.5659264 9.33484701,48.0005908 0.0449556384,47.9984623 C0.0492017971,35.4259402 0.0572436402,26.3145303 0.0707293294,22.9573168 C4.78597191,22.9573168 8.80884022,23.2907002 12.1393343,23.9574669 C18.185529,25.1679183 23.0883518,29.6032447 24.9174458,35.5171535 L37.8201891,77.2348835 L37.8201891,77.2348835 C37.9833766,77.7625087 38.5433909,78.0579437 39.071016,77.8947563 C39.4782279,77.768811 39.760848,77.3985901 39.7749885,76.972581 L41.5960521,22.1094251 C41.7995171,16.0357511 45.2338793,10.5395026 50.5906176,7.71479752 C60.3441199,2.57159917 70.5997526,0 81.3575158,0 C92.115279,0 102.370912,2.57159912 112.124414,7.71479737 C117.481153,10.5395022 120.915515,16.035751 121.11898,22.1094254 L122.942318,77.7548895 L122.942318,77.7548895 C122.960405,78.306878 123.422542,78.7396907 123.974531,78.7216036 C124.400702,78.7076392 124.77114,78.4249783 124.897131,78.0176171 L138.041964,35.5171536 C139.871058,29.6032447 144.773881,25.1679183 150.820075,23.9574669 C154.150569,23.2907002 158.173438,22.9573168 162.88868,22.9573168 C162.902166,26.3146808 162.910208,35.4267569 162.914454,48.0001527 C153.382304,47.9984618 145.849898,55.5646133 145.849898,64.897934 C145.849898,74.2312548 153.382304,81.7974062 162.673998,81.7974062 C162.917369,107.381606 162.910372,137.074458 162.90341,162.353081 C153.382304,162.351557 145.849898,169.917708 145.849898,179.251029 C145.849898,188.58435 153.382304,196.150501 162.673998,196.150501 C162.890699,206.522173 162.88868,214.201287 162.88868,217.721533 C150.831409,217.721533 141.945449,216.747147 136.230799,214.798373 C132.289158,213.454218 129.412792,210.027901 128.759417,205.898485 L124.570042,179.421117 L124.570042,179.421117 C124.48373,178.875618 123.971547,178.503373 123.426048,178.589685 C122.959915,178.663439 122.608795,179.053039 122.583739,179.524306 L120.73061,214.3793 C120.417357,220.271186 117.067556,225.57237 111.893142,228.364919 C104.54017,232.333202 94.3616276,234.317343 81.3575156,234.317343 C68.3557158,234.317343 58.1784812,232.333907 50.8258118,228.367036 C45.6489141,225.574025 42.2979537,220.27019 41.9861592,214.375806 L40.201028,180.628425 L40.201028,180.628425 C40.1718547,180.076911 39.7011148,179.65347 39.1496011,179.682644 C38.6782266,179.707578 38.2884811,180.058733 38.2147115,180.524967 L34.1999929,205.898485 C33.5466171,210.027901 30.6702515,213.454218 26.7286097,214.798372 C21.0139606,216.747147 12.1280003,217.721533 0.0707293294,217.721533 C0.0707293294,214.201444 0.068710521,206.522861 0.0657256625,196.150484 C9.34606839,196.137094 16.8651337,188.576081 16.8651337,179.251029 C16.8651337,169.92272 9.34081435,162.359683 0.0559995862,162.351564 C0.0490373791,137.073844 0.0420406011,107.382444 0.0411330584,81.7974062 Z" id="Rectangle-Copy-2"></path>
                        <path d="M38.3832387,180.107597 C38.298127,180.229021 38.2391212,180.370694 38.2147115,180.524967 L34.1999929,205.898485 C33.5466171,210.027901 30.6702515,213.454218 26.7286097,214.798372 C21.0139606,216.747147 12.1280003,217.721533 0.0707293294,217.721533 C0.0707293294,214.201444 0.068710521,206.522861 0.0657256625,196.150484 C0.307627084,196.150135 0.548331829,196.144657 0.787737926,196.134155 C9.88926591,196.52625 22.4209956,191.180562 38.3829269,180.097089 C38.3830311,180.100591 38.383135,180.104094 38.3832387,180.107597 Z" id="Rectangle" class="pathCommon l-six"></path>
                        <path d="M125,77.6850174 L138.041964,35.5171536 C139.871058,29.6032447 144.773881,25.1679183 150.820075,23.9574669 C154.150569,23.2907002 158.173438,22.9573168 162.88868,22.9573168 C162.902166,26.3146808 162.910208,35.4267569 162.914454,48.0001527 C153.382304,47.9984618 145.849898,55.5646133 145.849898,64.897934 C145.849898,74.2312548 153.382304,81.7974062 162.673998,81.7974062 C162.677801,82.1972779 162.681544,82.5981532 162.685227,82.9999997 L125,83 L125,77.6850174 Z" id="Rectangle-Copy-5" class='pathCommon r-two'></path>
                        <path d="M38,77.5711258 C37.9212075,77.4744611 37.8593008,77.3613412 37.8201891,77.2348835 L37.8201891,77.2348835 L24.9174458,35.5171535 C23.0883518,29.6032447 18.185529,25.1679183 12.1393343,23.9574669 C8.80884022,23.2907002 4.78597191,22.9573168 0.0707293294,22.9573168 C0.0572436402,26.3145303 0.0492017971,35.4259402 0.0449556384,47.9984623 C9.33484701,48.0005908 16.8651337,55.5659264 16.8651337,64.897934 C16.8651337,74.2312216 9.33278123,81.7973524 0.0411330584,81.7974062 C0.0411472425,82.1972785 0.041162914,82.5981539 0.0411800496,82.9999997 L38,83 L38,77.5711258 Z" id="Rectangle-Copy-2" class='pathCommon l-two'></path>
                        <path d="M162.095078,196.140684 C162.287251,196.147211 162.480242,196.150501 162.673998,196.150501 C162.890699,206.522173 162.88868,214.201287 162.88868,217.721533 C150.831409,217.721533 141.945449,216.747147 136.230799,214.798373 C132.289158,213.454218 129.412792,210.027901 128.759417,205.898485 L124.678271,180.10514 C140.537408,191.115621 153.009677,196.460802 162.095078,196.140684 Z" id="Combined-Shape" class="pathCommon r-six"></path>
                        <path d="M122.567566,179.82851 L120.73061,214.3793 C120.417357,220.271186 117.067556,225.57237 111.893142,228.364919 C104.54017,232.333202 94.3616276,234.317343 81.3575156,234.317343 C68.3557158,234.317343 58.1784812,232.333907 50.8258118,228.367036 C45.6489141,225.574025 42.2979537,220.27019 41.9861592,214.375806 L40.201028,180.628425 C40.1908438,180.435894 40.1268468,180.258971 40.0243867,180.111463 L45.339714,177.189374 L117.547234,176.351972 L122.567566,179.82851 Z" id="Rectangle-Copy-4"></path>
                    </g>
                    <path d="M125.757197,228.390574 C118.408398,232.341753 108.235633,234.317343 95.2389026,234.317343 C82.2444829,234.317343 72.073025,232.342456 64.7245291,228.392681 C60.2260097,225.974753 57.1070244,221.666947 56.1645322,216.725951 C66.5983382,219.506397 80.7537876,222.132272 95.2389026,222.132272 C109.724018,222.132272 122.373711,220.233798 134.092821,217.724535 C132.941986,222.242838 129.948505,226.137061 125.757197,228.390574 Z" id="Rectangle-Copy" stroke="#979797" fill="#D9D9D9" class="pathCommon mid-two"></path>
                    <path d="M55.4624756,25.4961814 L55.5098235,21.8749639 C55.7142468,15.8656987 59.1647851,10.4277356 64.5467541,7.63298535 C74.3461963,2.54432845 84.6501339,0 95.4585672,0 C106.267,0 116.570938,2.5443284 126.37038,7.63298519 C131.752349,10.4277352 135.202888,15.8656986 135.407311,21.8749642 L135.496934,26.738916 C128.231904,24.104332 120.46473,19.79054 95.4797048,19.79054 C70.49468,19.79054 61.4895613,24.104332 55.4624756,25.4961814 Z" id="Rectangle-Copy-3" stroke="#979797" fill="#D9D9D9" class="pathCommon mid-one"></path>
                    <g id="Group-3" transform="translate(0.000000, 50.663209)" stroke="#979797" class="pathCommon l-three">
                        <path d="M14.0411331,28.1462274 C6.2864294,28.1462274 0,21.8454798 0,14.0731137 C0,6.30074762 6.2864294,0 14.0411331,0 C21.7958367,0 28.0822661,6.30074762 28.0822661,14.0731137 C28.0822661,21.8454798 21.7958367,28.1462274 14.0411331,28.1462274 Z M14.0411331,24.7686801 C19.9347078,24.7686801 24.7123942,19.9801119 24.7123942,14.0731137 C24.7123942,8.16611548 19.9347078,3.37754729 14.0411331,3.37754729 C8.14755828,3.37754729 3.36987193,8.16611548 3.36987193,14.0731137 C3.36987193,19.9801119 8.14755828,24.7686801 14.0411331,24.7686801 Z" id="Combined-Shape-Copy-3" fill="#D8D8D8"></path>
                        <path d="M14.0411331,23.642831 C8.76793457,23.642831 4.49316258,19.3583226 4.49316258,14.0731137 C4.49316258,8.78790477 8.76793457,4.50339639 14.0411331,4.50339639 C19.3143315,4.50339639 23.5891035,8.78790477 23.5891035,14.0731137 C23.5891035,19.3583226 19.3143315,23.642831 14.0411331,23.642831 Z M15.6333241,10.0360593 C16.5106687,9.15871472 16.5090488,7.7346382 15.6297059,6.85529536 C14.7503631,5.97595252 13.3262866,5.97433259 12.448942,6.85167716 C11.5715974,7.72902173 11.5732174,9.15309824 12.4525602,10.0324411 C13.331903,10.9117839 14.7559796,10.9134039 15.6333241,10.0360593 Z M15.6333241,21.2945502 C16.5106687,20.4172057 16.5090488,18.9931292 15.6297059,18.1137863 C14.7503631,17.2344435 13.3262866,17.2328236 12.448942,18.1101681 C11.5715974,18.9875127 11.5732174,20.4115892 12.4525602,21.290932 C13.331903,22.1702749 14.7559796,22.1718948 15.6333241,21.2945502 Z M10.0168709,15.6653048 C10.8942155,14.7879602 10.8925955,13.3638837 10.0132527,12.4845408 C9.13390986,11.605198 7.70983334,11.6035781 6.83248877,12.4809226 C5.95514421,13.3582672 5.95676413,14.7823437 6.83610697,15.6616866 C7.71544981,16.5410294 9.13952633,16.5426493 10.0168709,15.6653048 Z M21.2497773,15.6653048 C22.1271219,14.7879602 22.125502,13.3638837 21.2461591,12.4845408 C20.3668163,11.605198 18.9427398,11.6035781 18.0653952,12.4809226 C17.1880507,13.3582672 17.1896706,14.7823437 18.0690134,15.6616866 C18.9483563,16.5410294 20.3724328,16.5426493 21.2497773,15.6653048 Z M14.0411331,15.7618873 C14.9716975,15.7618873 15.726069,15.0057976 15.726069,14.0731137 C15.726069,13.1404298 14.9716975,12.3843401 14.0411331,12.3843401 C13.1105686,12.3843401 12.3561971,13.1404298 12.3561971,14.0731137 C12.3561971,15.0057976 13.1105686,15.7618873 14.0411331,15.7618873 Z" id="Oval-2" fill="#EEEEEE" transform="translate(14.041133, 14.073114) rotate(-45.000000) translate(-14.041133, -14.073114) "></path>
                    </g>
                    <g id="Group-3-Copy" transform="translate(0.000000, 164.655430)" stroke="#979797" class="pathCommon l-five">
                        <path d="M14.0411331,28.1462274 C6.2864294,28.1462274 0,21.8454798 0,14.0731137 C0,6.30074762 6.2864294,0 14.0411331,0 C21.7958367,0 28.0822661,6.30074762 28.0822661,14.0731137 C28.0822661,21.8454798 21.7958367,28.1462274 14.0411331,28.1462274 Z M14.0411331,24.7686801 C19.9347078,24.7686801 24.7123942,19.9801119 24.7123942,14.0731137 C24.7123942,8.16611548 19.9347078,3.37754729 14.0411331,3.37754729 C8.14755828,3.37754729 3.36987193,8.16611548 3.36987193,14.0731137 C3.36987193,19.9801119 8.14755828,24.7686801 14.0411331,24.7686801 Z" id="Combined-Shape-Copy-3" fill="#D8D8D8"></path>
                        <path d="M14.0411331,23.642831 C8.76793457,23.642831 4.49316258,19.3583226 4.49316258,14.0731137 C4.49316258,8.78790477 8.76793457,4.50339639 14.0411331,4.50339639 C19.3143315,4.50339639 23.5891035,8.78790477 23.5891035,14.0731137 C23.5891035,19.3583226 19.3143315,23.642831 14.0411331,23.642831 Z M15.6333241,10.0360593 C16.5106687,9.15871472 16.5090488,7.7346382 15.6297059,6.85529536 C14.7503631,5.97595252 13.3262866,5.97433259 12.448942,6.85167716 C11.5715974,7.72902173 11.5732174,9.15309824 12.4525602,10.0324411 C13.331903,10.9117839 14.7559796,10.9134039 15.6333241,10.0360593 Z M15.6333241,21.2945502 C16.5106687,20.4172057 16.5090488,18.9931292 15.6297059,18.1137863 C14.7503631,17.2344435 13.3262866,17.2328236 12.448942,18.1101681 C11.5715974,18.9875127 11.5732174,20.4115892 12.4525602,21.290932 C13.331903,22.1702749 14.7559796,22.1718948 15.6333241,21.2945502 Z M10.0168709,15.6653048 C10.8942155,14.7879602 10.8925955,13.3638837 10.0132527,12.4845408 C9.13390986,11.605198 7.70983334,11.6035781 6.83248877,12.4809226 C5.95514421,13.3582672 5.95676413,14.7823437 6.83610697,15.6616866 C7.71544981,16.5410294 9.13952633,16.5426493 10.0168709,15.6653048 Z M21.2497773,15.6653048 C22.1271219,14.7879602 22.125502,13.3638837 21.2461591,12.4845408 C20.3668163,11.605198 18.9427398,11.6035781 18.0653952,12.4809226 C17.1880507,13.3582672 17.1896706,14.7823437 18.0690134,15.6616866 C18.9483563,16.5410294 20.3724328,16.5426493 21.2497773,15.6653048 Z M14.0411331,15.7618873 C14.9716975,15.7618873 15.726069,15.0057976 15.726069,14.0731137 C15.726069,13.1404298 14.9716975,12.3843401 14.0411331,12.3843401 C13.1105686,12.3843401 12.3561971,13.1404298 12.3561971,14.0731137 C12.3561971,15.0057976 13.1105686,15.7618873 14.0411331,15.7618873 Z" id="Oval-2" fill="#EEEEEE" transform="translate(14.041133, 14.073114) rotate(-45.000000) translate(-14.041133, -14.073114) "></path>
                    </g>
                    <g id="Group-3-Copy-3" transform="translate(162.877143, 50.663209)" stroke="#979797" class="pathCommon r-three">
                        <path d="M14.0411331,28.1462274 C6.2864294,28.1462274 0,21.8454798 0,14.0731137 C0,6.30074762 6.2864294,0 14.0411331,0 C21.7958367,0 28.0822661,6.30074762 28.0822661,14.0731137 C28.0822661,21.8454798 21.7958367,28.1462274 14.0411331,28.1462274 Z M14.0411331,24.7686801 C19.9347078,24.7686801 24.7123942,19.9801119 24.7123942,14.0731137 C24.7123942,8.16611548 19.9347078,3.37754729 14.0411331,3.37754729 C8.14755828,3.37754729 3.36987193,8.16611548 3.36987193,14.0731137 C3.36987193,19.9801119 8.14755828,24.7686801 14.0411331,24.7686801 Z" id="Combined-Shape-Copy-3" fill="#D8D8D8" class="r-three"></path>
                        <path d="M14.0411331,23.642831 C8.76793457,23.642831 4.49316258,19.3583226 4.49316258,14.0731137 C4.49316258,8.78790477 8.76793457,4.50339639 14.0411331,4.50339639 C19.3143315,4.50339639 23.5891035,8.78790477 23.5891035,14.0731137 C23.5891035,19.3583226 19.3143315,23.642831 14.0411331,23.642831 Z M15.6333241,10.0360593 C16.5106687,9.15871472 16.5090488,7.7346382 15.6297059,6.85529536 C14.7503631,5.97595252 13.3262866,5.97433259 12.448942,6.85167716 C11.5715974,7.72902173 11.5732174,9.15309824 12.4525602,10.0324411 C13.331903,10.9117839 14.7559796,10.9134039 15.6333241,10.0360593 Z M15.6333241,21.2945502 C16.5106687,20.4172057 16.5090488,18.9931292 15.6297059,18.1137863 C14.7503631,17.2344435 13.3262866,17.2328236 12.448942,18.1101681 C11.5715974,18.9875127 11.5732174,20.4115892 12.4525602,21.290932 C13.331903,22.1702749 14.7559796,22.1718948 15.6333241,21.2945502 Z M10.0168709,15.6653048 C10.8942155,14.7879602 10.8925955,13.3638837 10.0132527,12.4845408 C9.13390986,11.605198 7.70983334,11.6035781 6.83248877,12.4809226 C5.95514421,13.3582672 5.95676413,14.7823437 6.83610697,15.6616866 C7.71544981,16.5410294 9.13952633,16.5426493 10.0168709,15.6653048 Z M21.2497773,15.6653048 C22.1271219,14.7879602 22.125502,13.3638837 21.2461591,12.4845408 C20.3668163,11.605198 18.9427398,11.6035781 18.0653952,12.4809226 C17.1880507,13.3582672 17.1896706,14.7823437 18.0690134,15.6616866 C18.9483563,16.5410294 20.3724328,16.5426493 21.2497773,15.6653048 Z M14.0411331,15.7618873 C14.9716975,15.7618873 15.726069,15.0057976 15.726069,14.0731137 C15.726069,13.1404298 14.9716975,12.3843401 14.0411331,12.3843401 C13.1105686,12.3843401 12.3561971,13.1404298 12.3561971,14.0731137 C12.3561971,15.0057976 13.1105686,15.7618873 14.0411331,15.7618873 Z" id="Oval-2" fill="#EEEEEE" transform="translate(14.041133, 14.073114) rotate(-45.000000) translate(-14.041133, -14.073114) " class="r-three"></path>
                    </g>
                    <g id="Group-3-Copy-2" transform="translate(162.877143, 164.655430)" stroke="#979797" class="pathCommon r-five">
                        <path d="M14.0411331,28.1462274 C6.2864294,28.1462274 0,21.8454798 0,14.0731137 C0,6.30074762 6.2864294,0 14.0411331,0 C21.7958367,0 28.0822661,6.30074762 28.0822661,14.0731137 C28.0822661,21.8454798 21.7958367,28.1462274 14.0411331,28.1462274 Z M14.0411331,24.7686801 C19.9347078,24.7686801 24.7123942,19.9801119 24.7123942,14.0731137 C24.7123942,8.16611548 19.9347078,3.37754729 14.0411331,3.37754729 C8.14755828,3.37754729 3.36987193,8.16611548 3.36987193,14.0731137 C3.36987193,19.9801119 8.14755828,24.7686801 14.0411331,24.7686801 Z" id="Combined-Shape-Copy-3" fill="#D8D8D8"></path>
                        <path d="M14.0411331,23.642831 C8.76793457,23.642831 4.49316258,19.3583226 4.49316258,14.0731137 C4.49316258,8.78790477 8.76793457,4.50339639 14.0411331,4.50339639 C19.3143315,4.50339639 23.5891035,8.78790477 23.5891035,14.0731137 C23.5891035,19.3583226 19.3143315,23.642831 14.0411331,23.642831 Z M15.6333241,10.0360593 C16.5106687,9.15871472 16.5090488,7.7346382 15.6297059,6.85529536 C14.7503631,5.97595252 13.3262866,5.97433259 12.448942,6.85167716 C11.5715974,7.72902173 11.5732174,9.15309824 12.4525602,10.0324411 C13.331903,10.9117839 14.7559796,10.9134039 15.6333241,10.0360593 Z M15.6333241,21.2945502 C16.5106687,20.4172057 16.5090488,18.9931292 15.6297059,18.1137863 C14.7503631,17.2344435 13.3262866,17.2328236 12.448942,18.1101681 C11.5715974,18.9875127 11.5732174,20.4115892 12.4525602,21.290932 C13.331903,22.1702749 14.7559796,22.1718948 15.6333241,21.2945502 Z M10.0168709,15.6653048 C10.8942155,14.7879602 10.8925955,13.3638837 10.0132527,12.4845408 C9.13390986,11.605198 7.70983334,11.6035781 6.83248877,12.4809226 C5.95514421,13.3582672 5.95676413,14.7823437 6.83610697,15.6616866 C7.71544981,16.5410294 9.13952633,16.5426493 10.0168709,15.6653048 Z M21.2497773,15.6653048 C22.1271219,14.7879602 22.125502,13.3638837 21.2461591,12.4845408 C20.3668163,11.605198 18.9427398,11.6035781 18.0653952,12.4809226 C17.1880507,13.3582672 17.1896706,14.7823437 18.0690134,15.6616866 C18.9483563,16.5410294 20.3724328,16.5426493 21.2497773,15.6653048 Z M14.0411331,15.7618873 C14.9716975,15.7618873 15.726069,15.0057976 15.726069,14.0731137 C15.726069,13.1404298 14.9716975,12.3843401 14.0411331,12.3843401 C13.1105686,12.3843401 12.3561971,13.1404298 12.3561971,14.0731137 C12.3561971,15.0057976 13.1105686,15.7618873 14.0411331,15.7618873 Z" id="Oval-2" fill="#EEEEEE" transform="translate(14.041133, 14.073114) rotate(-45.000000) translate(-14.041133, -14.073114) "></path>
                    </g>
                    <g id="Rectangle-3" class="pathCommon r-four">
                        <use fill="#E3E3E3" fill-rule="evenodd" xlink:href="#path-1"></use>
                        <rect stroke="#979797" stroke-width="1" x="142.315444" y="82.8277152" width="34.1028326" height="66.5509458"></rect>
                    </g>
                    <g id="Rectangle-3-Copy" class="pathCommon l-four">
                        <use fill="#E3E3E3" fill-rule="evenodd" xlink:href="#path-2"></use>
                        <rect stroke="#979797" stroke-width="1" x="14.5411331" y="82.8277152" width="34.1028326" height="66.5509458"></rect>
                    </g>
                    <path d="M140.309709,84.9416533 L131.489561,96.9498656 L131.489561,96.9498656 C127.707614,102.098807 125.668141,108.320625 125.668141,114.709265 L125.668141,142.903069 L125.668141,142.903069 C125.668141,151.151408 128.952228,159.060324 134.794877,164.88257 L140.509876,170.577611 L140.509876,170.577611 C141.29229,171.357292 142.558618,171.355077 143.338299,170.572664 C143.711859,170.197794 143.921614,169.690147 143.921614,169.160926 L143.921614,86.1256133 L143.921614,86.1256133 C143.921614,85.0210438 143.026183,84.1256133 141.921614,84.1256133 C141.285065,84.1256133 140.686532,84.4286255 140.309709,84.9416533 Z" id="Path-2" stroke="#979797" fill="#FFFFFF"></path>
                    <path d="M63.0834767,84.9416533 L54.2633292,96.9498656 L54.2633292,96.9498656 C50.4813823,102.098807 48.4419091,108.320625 48.4419091,114.709265 L48.4419091,142.903069 L48.4419091,142.903069 C48.4419091,151.151408 51.725996,159.060324 57.5686455,164.88257 L63.2836443,170.577611 L63.2836443,170.577611 C64.0660579,171.357292 65.3323859,171.355077 66.1120671,170.572664 C66.4856276,170.197794 66.695382,169.690147 66.695382,169.160926 L66.695382,86.1256133 L66.695382,86.1256133 C66.695382,85.0210438 65.7999515,84.1256133 64.695382,84.1256133 C64.0588337,84.1256133 63.4603006,84.4286255 63.0834767,84.9416533 Z" id="Path-2-Copy" stroke="#979797" fill="#FFFFFF" transform="translate(57.568646, 127.593486) scale(-1, 1) translate(-57.568646, -127.593486) "></path>
                    <path d="M57.5686455,79.8754325 C83.0767039,65.3191987 108.584762,65.3191987 134.092821,79.8754325 C129.212418,88.3827844 125.347694,95.5331131 122.498649,101.326419 C103.929168,96.319446 86.8514308,96.319446 71.2654381,101.326419 C67.5876875,96.5735702 63.02209,89.4232415 57.5686455,79.8754325 Z" id="Path-3" stroke="#979797" fill="#FFFFFF"></path>
                    <path d="M57.5686455,167.128737 C83.0767039,152.572504 108.584762,152.572504 134.092821,167.128737 C129.212418,175.636089 125.347694,182.786418 122.498649,188.579724 C103.929168,183.572751 86.8514308,183.572751 71.2654381,188.579724 C67.8808202,183.111697 63.3152227,175.961368 57.5686455,167.128737 Z" id="Path-3-Copy" stroke="#979797" fill="#FFFFFF" transform="translate(95.830733, 172.395643) scale(1, -1) translate(-95.830733, -172.395643) "></path>
                    <g id="Rectangle-4">
                        <use fill="#F2F2F2" fill-rule="evenodd" xlink:href="#path-3"></use>
                        <rect stroke="#979797" stroke-width="1" x="149.33601" y="127.861679" width="3.21233992" height="15.8877364" rx="1.60616996"></rect>
                    </g>
                    <g id="Rectangle-4-Copy">
                        <use fill="#F2F2F2" fill-rule="evenodd" xlink:href="#path-4"></use>
                        <rect stroke="#979797" stroke-width="1" x="40.5172292" y="127.861679" width="3.21233992" height="15.8877364" rx="1.60616996"></rect>
                    </g>
                    <g id="Rectangle-5">
                        <use fill="#FFFFFF" fill-rule="evenodd" xlink:href="#path-5"></use>
                        <path stroke="#979797" stroke-width="1" d="M58.6987375,20.3618289 L76.9254873,15.5635747 C78.4629344,15.1588365 79.5344584,13.7687225 79.5344584,12.1788934 L79.5344584,10.9348953 C79.5344584,10.6797416 79.4992471,10.4258084 79.4298208,10.1802816 C79.0130592,8.70639855 77.4803888,7.84943239 76.0065058,8.26619407 L70.9678394,9.69094967 C65.4824161,11.2420322 60.9876399,15.1614932 58.6987375,20.3618289 Z"></path>
                    </g>
                    <g id="Rectangle-5-Copy" transform="translate(121.596178, 15.085242) scale(-1, 1) translate(-121.596178, -15.085242) ">
                        <use fill="#FFFFFF" fill-rule="evenodd" xlink:href="#path-6"></use>
                        <path stroke="#979797" stroke-width="1" d="M111.352987,21.0654845 L129.579736,16.2672304 C131.117183,15.8624922 132.188707,14.4723782 132.188707,12.8825491 L132.188707,11.638551 C132.188707,11.3833973 132.153496,11.1294641 132.08407,10.8839372 C131.667308,9.41005424 130.134638,8.55308808 128.660755,8.96984975 L123.622088,10.3946054 C118.136665,11.9456879 113.641889,15.8651489 111.352987,21.0654845 Z"></path>
                    </g>
                    <g id="Rectangle-7" class="pathCommon l-one">
                        <use fill="#D8D8D8" fill-rule="evenodd" xlink:href="#path-7"></use>
                        <rect stroke="#979797" stroke-width="1" x="40.4110593" y="71.4582572" width="18.6575863" height="10.9621466" rx="5.48107332"></rect>
                    </g>
                    <g id="Rectangle-7-Copy" class="pathCommon r-one">
                        <use fill="#D8D8D8" fill-rule="evenodd" xlink:href="#path-8"></use>
                        <rect stroke="#979797" stroke-width="1" x="131.784594" y="71.4582572" width="18.6575863" height="10.9621466" rx="5.48107332"></rect>
                    </g>
                    <path d="M59.825648,219.541776 C69.1891458,221.545775 74.5360431,222.645981 75.8663399,222.842396 C75.8101205,223.82252 75.8101205,226.280219 75.8663399,230.215491 C71.5901247,229.247735 68.0067676,227.76495 65.1162688,225.767136 C62.2257699,223.769322 60.4622296,221.694202 59.825648,219.541776 Z" id="Path-4" stroke="#979797" fill="#FFFFFF"></path>
                    <path d="M114.586067,220.245432 C123.949565,222.249431 129.296462,223.349637 130.626759,223.546051 C130.570539,224.526176 130.570539,226.983874 130.626759,230.919147 C126.350544,229.951391 122.767187,228.468606 119.876688,226.470792 C116.986189,224.472978 115.222649,222.397858 114.586067,220.245432 Z" id="Path-4-Copy" stroke="#979797" fill="#FFFFFF" transform="translate(122.606413, 225.582289) scale(-1, 1) translate(-122.606413, -225.582289) "></path>
                </g>
                <g id="Point" transform="translate(43.357934, 36.900369)" fill="#FFFFFF">
                    <g id="Group-5" transform="translate(74.723247, 0.000000)">
                        <circle id="Oval" fill-opacity="0.5" cx="5.07380074" cy="5.07380074" r="5.07380074"></circle>
                        <circle id="Oval-Copy" cx="5.07380074" cy="5.07380074" r="2.36777368"></circle>
                    </g>
                    <g id="Group-5-Copy" transform="translate(74.723247, 216.789668)">
                        <circle id="Oval" fill-opacity="0.5" cx="5.07380074" cy="5.07380074" r="5.07380074"></circle>
                        <circle id="Oval-Copy" cx="5.07380074" cy="5.07380074" r="2.36777368"></circle>
                    </g>
                    <g id="Group-5-Copy-2" transform="translate(32.287823, 62.730627)">
                        <circle id="Oval" fill-opacity="0.5" cx="5.07380074" cy="5.07380074" r="5.07380074"></circle>
                        <circle id="Oval-Copy" cx="5.07380074" cy="5.07380074" r="2.36777368"></circle>
                    </g>
                    <g id="Group-5-Copy-3" transform="translate(118.081181, 62.730627)">
                        <circle id="Oval" fill-opacity="0.5" cx="5.07380074" cy="5.07380074" r="5.07380074"></circle>
                        <circle id="Oval-Copy" cx="5.07380074" cy="5.07380074" r="2.36777368"></circle>
                    </g>
                    <g id="Group-5-Copy-4" transform="translate(152.214022, 25.830258)">
                        <circle id="Oval" fill-opacity="0.5" cx="5.07380074" cy="5.07380074" r="5.07380074"></circle>
                        <circle id="Oval-Copy" cx="5.07380074" cy="5.07380074" r="2.36777368"></circle>
                    </g>
                    <g id="Group-5-Copy-5" transform="translate(0.000000, 25.830258)">
                        <circle id="Oval" fill-opacity="0.5" cx="5.07380074" cy="5.07380074" r="5.07380074"></circle>
                        <circle id="Oval-Copy" cx="5.07380074" cy="5.07380074" r="2.36777368"></circle>
                    </g>
                    <g id="Group-5-Copy-9" transform="translate(148.523985, 199.261993)">
                        <circle id="Oval" fill-opacity="0.5" cx="5.07380074" cy="5.07380074" r="5.07380074"></circle>
                        <circle id="Oval-Copy" cx="5.07380074" cy="5.07380074" r="2.36777368"></circle>
                    </g>
                    <g id="Group-5-Copy-8" transform="translate(2.767528, 199.261993)">
                        <circle id="Oval" fill-opacity="0.5" cx="5.07380074" cy="5.07380074" r="5.07380074"></circle>
                        <circle id="Oval-Copy" cx="5.07380074" cy="5.07380074" r="2.36777368"></circle>
                    </g>
                    <g id="Group-5-Copy-6" transform="translate(5.535055, 104.856089)">
                        <circle id="Oval" fill-opacity="0.5" cx="5.07380074" cy="5.07380074" r="5.07380074"></circle>
                        <circle id="Oval-Copy" cx="5.07380074" cy="5.07380074" r="2.36777368"></circle>
                    </g>
                    <g id="Group-5-Copy-7" transform="translate(144.833948, 104.856089)">
                        <circle id="Oval" fill-opacity="0.5" cx="5.07380074" cy="5.07380074" r="5.07380074"></circle>
                        <circle id="Oval-Copy" cx="5.07380074" cy="5.07380074" r="2.36777368"></circle>
                    </g>
                </g>
                <g id="line" stroke="#000000" stroke-opacity="0.2" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="2,3">
                    <path d="M123.154982,0.345940959 L123.616236,35.9778598" id="Line"></path>
                    <path d="M52.1035156,0.423828125 L80.7573945,103.98769" id="Line-Copy-2"></path>
                    <path d="M0.0162159825,39.705734 L43.8570255,67.0873213" id="Line-Copy-4"></path>
                    <path d="M203.890755,39.705734 L247.731564,67.0873213" id="Line-Copy-5" transform="translate(225.811159, 53.396528) scale(-1, 1) translate(-225.811159, -53.396528) "></path>
                    <path d="M166.512915,0.413085938 L195.679688,103.98769" id="Line-Copy-3" transform="translate(181.096301, 52.200388) scale(-1, 1) translate(-181.096301, -52.200388) "></path>
                    <path d="M123.154982,261.416052 L123.154982,300.289365" id="Line-Copy"></path>
                    <path d="M196.95572,146.714945 L225.122881,146.714945" id="Line-Copy-6"></path>
                    <path d="M21.6789668,146.714945 L49.8461283,146.714945" id="Line-Copy-7"></path>
                    <path d="M9.015625,293.777344 L48.9236191,242.965867" id="Line-Copy-8"></path>
                    <path d="M197.015625,293.777344 L236.923619,242.965867" id="Line-Copy-10" transform="translate(216.969622, 268.371605) scale(-1, 1) translate(-216.969622, -268.371605) "></path>
                </g>
            </g>
            <g id="Group-9">
              <!-- <div v-for="key in svgArr" :data:os="key.pos">{{key.html}}</div> -->
              <g v-for="key in svgArr" class="aroundCommon" :class="{'active':key.url}" :data-url="key.url" :data-value="key.value" :data-pos="key.pos" :transform="key.transform" style="position:relative" @click="positionClick_">
                <g class="needAdd">
                    <!-- <use v-if="key.useBool==true" fill="#FFFFFF" fill-rule="evenodd" :xlink:href="key.use"></use> -->
                    <rect stroke="#E6E6E6" fill="white" stroke-width="1" x="0.5" y="0.5" :width="key.width" :height="key.height" rx="3"></rect>
                </g>
                <text :id="key.html" font-family="PingFangSC-Regular, PingFang SC" font-size="12" font-weight="normal" fill="#696969">
                    <tspan :x="key.x" y="19">{{key.html}}</tspan>
                </text>
              </g>

              <g v-for="key in svgArr"  :transform="key.transform" v-if="current!='only_show'">
                <foreignObject width="69" height="27" style="opacity:0;"><!--  @click="hide_add_photo_inspect" -->
                  <File :html="key.html" :position="key.pos" @receiverFromFile="receiveImg"></File>
                </foreignObject>
              </g>
            </g>

          </g>
        </g>
      </g>
  </svg>
</div>
<!-- <div style="position:relative;z-index: 99999;">{{current}} </div> -->

 <!-- <input type="button" name="" value="测试1" @click="test" @click.native="test" style="position:relative;"> -->
<!-- <input type="button" name="" value="测试1" @click="positionClick_" style="position:relative;">
<input type="button" name="" value="测试2" @click="" style="position:relative;"> -->
</div>
</template>
<script>
  import $ from "jquery"
  import File from '@/components/file.vue'
  export default{
    components:{
      File
    },
    data(){
      return {
        add_num : 0,
        current : "only_show",
        svgArr : [
                  {
                    value:"mid-one",
                    pos:"CARHEAD",
                    class:"",
                    transform:"translate(117.000000, 0.000000)",
                    inputX:117,
                    inputY:0,
                    inputXY:"left:117px;top:0px",
                    use:"#path-9",
                    width:"69",
                    height:"27",
                    x:"10.5",
                    html:"前保险杠"
                  },
                  {
                    value:"onOne",
                    pos:"CARCOVER",
                    class:"",
                    transform:"translate(118.000000, 95.000000)",
                    inputX:118,
                    inputY:95,
                    inputXY:"left:118px;top:95px",
                    use:"#path-10",
                    width:"69",
                    height:"27",
                    x:"16.5",
                    html:"引擎盖",
                  },
                  {
                    value:"l-one",
                    pos:"L_REFLECTOR",
                    class:"",
                    transform:"translate(32.000000, 0.000000)",
                    inputX:32,
                    inputY:0,
                    inputXY:"left:32px;top:0px",
                    use:"#path-11",
                    width:"69",
                    height:"27",
                    x:"10.5",
                    html:"左后视镜",
                    useBool:true,
                  },
                  {
                    value:"l-two",
                    pos:"LF_SIDE",
                    class:"",
                    transform:"translate(0.000000, 45.000000)",
                    inputX:0,
                    inputY:45,
                    inputXY:"left:0px;top:45px",
                    use:"#path-12",
                    width:"69",
                    height:"27",
                    x:"16.5",
                    html:"左前侧",
                  },
                  {
                    value:"l-three",
                    pos:"LF_TYRE",
                    class:"",
                    transform:"translate(0.000000, 109.000000)",
                    inputX:0,
                    inputY:109,
                    inputXY:"left:0px;top:109px",
                    use:"#path-13",
                    width:"69",
                    height:"27",
                    x:"16.5",
                    html:"左前轮",
                  },
                  {
                    value:"l-four",
                    pos:"L_DOOR",
                    class:"",
                    transform:"translate(0.000000, 161.000000)",
                    inputX:0,
                    inputY:161,
                    inputXY:"left:0px;top:161px",
                    use:"#path-14",
                    width:"69",
                    height:"27",
                    x:"16.5",
                    html:"左车门",
                  },
                  {
                    value:"r-four",
                    pos:"R_DOOR",
                    class:"",
                    transform:"translate(236.000000, 161.000000)",
                    inputX:236,
                    inputY:161,
                    inputXY:"left:236px;top:161px",
                    use:"#path-15",
                    width:"69",
                    height:"27",
                    x:"16.5",
                    html:"右车门",
                  },
                  {
                    value:"l-five",
                    pos:"LB_TYRE",
                    class:"",
                    transform:"translate(0.000000, 223.000000)",
                    inputX:0,
                    inputY:223,
                    inputXY:"left:0px;top:223px",
                    use:"#path-16",
                    width:"69",
                    height:"27",
                    x:"16.5",
                    html:"左后轮",
                  },
                  {
                    value:"r-three",
                    pos:"RF_TYRE",
                    class:"",
                    transform:"translate(236.000000, 109.000000)",
                    inputX:236,
                    inputY:109,
                    inputXY:"left:236px;top:109px",
                    use:"#path-17",
                    width:"69",
                    height:"27",
                    x:"16.5",
                    html:"右前轮",
                  },
                  {
                    value:"r-five",
                    pos:"RB_TYRE",
                    class:"",
                    transform:"translate(236.000000, 223.000000)",
                    inputX:236,
                    inputY:223,
                    inputXY:"left:236px;top:223px",
                    use:"#path-18",
                    width:"69",
                    height:"27",
                    x:"16.5",
                    html:"右后轮",
                  },
                  {
                    value:"r-two",
                    pos:"RF_SIDE",
                    class:"",
                    transform:"translate(236.000000, 45.000000)",
                    inputX:236,
                    inputY:45,
                    inputXY:"left:236px;top:45px",
                    use:"#path-19",
                    width:"69",
                    height:"27",
                    x:"16.5",
                    html:"右前侧",
                  },
                  {
                    value:"l-six",
                    pos:"LB_SIDE",
                    class:"",
                    transform:"translate(0.000000, 322.000000)",
                    inputX:0,
                    inputY:322,
                    inputXY:"left:0px;top:322px",
                    use:"#path-20",
                    width:"69",
                    height:"27",
                    x:"16.5",
                    html:"左后侧",
                  },
                  {
                    value:"r-six",
                    pos:"RB_SIDE",
                    class:"",
                    transform:"translate(236.000000, 322.000000)",
                    inputX:236,
                    inputY:322,
                    inputXY:"left:236px;top:322px",
                    use:"#path-21",
                    width:"69",
                    height:"27",
                    x:"16.5",
                    html:"右后侧",
                  },
                  {
                    value:"r-one",
                    pos:"R_REFLECTOR",
                    class:"",
                    transform:"translate(202.000000, -1.000000)",
                    inputX:202,
                    inputY:1,
                    inputXY:"left:202px;top:1px",
                    use:"#path-22",
                    width:"69",
                    height:"27",
                    x:"10.5",
                    html:"右后视镜",
                    useBool:true,
                  },
                  {
                    value:"mid-two",
                    pos:"CARTAIL",
                    class:"",
                    transform:"translate(116.000000, 322.000000)",
                    inputX:116,
                    inputY:322,
                    inputXY:"left:116px;top:322px",
                    use:"#path-23",
                    width:"69",
                    height:"27",
                    x:"10.5",
                    html:"后保险杠",
                  },
                  {
                    value:"onThree",
                    pos:"TRUNK",
                    class:"",
                    transform:"translate(118.000000, 249.000000)",
                    inputX:118,
                    inputY:249,
                    inputXY:"left:118px;top:249px",
                    use:"#path-24",
                    width:"69",
                    height:"27",
                    x:"10.5",
                    html:"后备箱盖",
                  },
                  {
                    value:"onTwo",
                    pos:"CARINSIDE",
                    class:"",
                    transform:"translate(128.000000, 174.000000)",
                    inputX:128,
                    inputY:174,
                    inputXY:"left:128px;top:174px",
                    use:"#path-25",
                    width:"51",
                    height:"27",
                    x:"13.5",
                    html:"车内",
                  },
                ]
      }
    },
    mounted:function(){
      this.current = this.$attrs.id//获取组件在父元素中的id
      var _this = this;
      setTimeout(function(){
        _this.add_active(_this.toInspectArr)
      },1000)
    },
    props:["positionClick","toInspectArr","addInspectArr"],
    watch:{
      addInspectArr:function(val,oldVal){
        console.log("watch成功了",val,oldVal)
        this.add_active(val)
      }
    },
    methods:{
      pushMsg(){

      },
      reload(){
      },
      add_active(arr){
        if(!arr) return;
        console.log("add_active Arr????????!!!!!!!!!!",arr)
        // debugger
        if(this.current == "only_show" && this.add_num == 0 || this.add_num == 1){
            this.mergeSvgArr(arr)
        } else {
          this.add_num++
        }
      },
      mergeSvgArr(arr){
        for(var i = 0; i < arr.length;i++){
          for(var j = 0; j < this.svgArr.length; j++){
            if(this.svgArr[j].url){
              $("."+this.svgArr[j].value).addClass("active")
            }
            if(this.svgArr[j].pos==arr[i].tp){
              this.svgArr[j].url = arr[i].imgUrl;
              $("."+this.svgArr[j].value).addClass("active")
              console.log(this.svgArr[j].html,this.svgArr[j].value)
              break;
            }
          }
        }
        this.svgArr.sort()
      },
      receiveImg (position,url){
        var _this = this;
        console.log("position",position,"url",url)
        // this.add_active([{"name":position,"url":url}])
        this.$emit("receiveFromInspect",url,position)
        this.hide_add_photo_inspect();
      },
      positionClick_(e){//点击后像父元素传需要展示的位置以及对应的图片
        var DOM = this.findDataPos(e.target)
        var dataPos = DOM.getAttribute("data-pos")
        // this.addActive(DOM)
        console.log(this.$attrs.id)
        if(this.$attrs.id=="only_show"){
          if(DOM.classList.contains('active')){
            this.$emit("pushImg",DOM.getAttribute("data-url"),DOM.getAttribute("data-pos"))
          };
        }else if(this.$attrs.id=="add_photo_inspect"){
          console.log("这里禁止显示预览图")
          this.hide_add_photo_inspect()
        }

      },
      findDataPos(dom){

        return dom.getAttribute("data-pos")&&dom||
        dom.parentElement.getAttribute("data-pos")&&dom.parentElement||
        dom.parentElement.parentElement.getAttribute("data-pos")&&dom.parentElement.parentElement||
        dom.parentElement.parentElement.parentElement.getAttribute("data-pos")&&dom.parentElement.parentElement.parentElement
      },
      hide_add_photo_inspect(){
        this.$parent.show_add = false;
      }
    }
  }
</script>
<style scoped>
    *{
        -webkit-touch-callout:none;  /*系统默认菜单被禁用*/
        -webkit-user-select:none; /*webkit浏览器*/
        -khtml-user-select:none; /*早期浏览器*/
        -moz-user-select:none;/*火狐*/
        -ms-user-select:none; /*IE10*/
        user-select:none;
    }
    input,textarea {
        -webkit-user-select:auto; /*webkit浏览器*/
        margin: 0px;
        padding: 0px;
        outline: none;
    }
    html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}

    html{background:none;}
    html,body{height:100%;}
    svg{background:white;}

    * {
      text-align: center;
    }
    svg {
      fill: transparent;
      stroke: #222;
      stroke-width: 0.8;
      stroke-linecap: round;
      stroke-linejoin: round;
      stroke-dasharray: 1000;
      stroke-dashoffset: 0;
      animation: dash 1s ease;
      width: 10rem;
      margin-top:0.2rem;
      height: 9rem;
      padding: 0.5rem 0 ;
      transition: ease 1s;
    }
    .active{
      /*fill:red;*/
      fill:#BFBFBF;
    }
    .active rect{
      /*fill:red;*/
      fill:#BFBFBF;
    }
    .active text{
      /*fill:white;*/
    }
    .active path{
        /*fill:red;*/
        fill:#BFBFBF;
    }
    .icon-twitter {
      stroke: #55acee;
    }
    .icon-twitter:hover {
      fill: #55acee;
    }
    @keyframes dash {
      from {
        stroke-dashoffset: 1000;
      }
      to {
        stroke-dashoffset: 0;
      }
    }
    .close{
      transform:rotate(45deg);
      -webkit-transform:rotate(45deg); /* Safari 和 Chrome */
      position: relative;
      width:0.8rem;
      height: 0.8rem;
      display: inline-block;
      position: absolute;
      right:0.28rem;
      top:0.2rem;
    }
    .close:before,.close:after{
      content: " ";
      position: absolute;
      left:50%;top: 50%;
      background:#383838;
    }
    .close:before{
      width:0.05rem;margin-left: -0.025rem;
      height: 0.7rem;margin-top:-0.35rem;
    }
    .close:after{
      height:0.05rem;margin-top:-0.025rem;
      width: 0.7rem;margin-left:-0.35rem;
    }
</style>
